<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="shortcut icon" type="image/x-icon" href=" http://localhost:8080/Electronic_Business/image/favicon.ico" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录</title>
<script type="text/javascript">
	function change() {
		var pic = document.getElementById("picture");
		var i = Math.random();//目的是使页面不一样
		pic.src = "number.jsp?id=" + i;
	}
</script>

<title>Insert title here</title>
<style>
	 #one{
		font-size:30px;
		 }
	#two{
		border:1px solid grey;
		heigth:10px;
		
	}
	
	.header{
          height: 30px;
          line-height: 30px;
          padding-left: 10px;
          font-weight: bold;
          background: white;
          border-radius: 6px 6px 0px 0px;
          color: #FF0000;
          font:bold;
          margin-bottom: 10px;
     }
     .txt{
          width: 85%;
          height:30px;
		  border:1px solid white;
          padding: 3px;
         outline:none;
     }
     .txt1{
          width: 60%;
          height:30px;
          border-radius: 3px;
          border: 1px #CCC solid;
          padding: 3px;
     }
     .t2{
		padding-top:15px;
		width:60%; 
		float:right;
		height:85px;
		margin-right:15%;
		
	}
	.t3{
	   float:left;
	   margin-left:10%;
	}
	
</style>
</head>
<body>
	
		<div style="width: 100%;
          height:80px;">
          	
          	<div >
          		<img src="image/1.png" class="t3">
          		<span id="one" class="t2">欢迎登录</span>
          	</div>
          	
		</div>
	<div style="width: 1350px;
          height:550px;
          background-image:url(image/zhutu.jpeg);
          background-size:cover;border:1px #CCC solid;">
          
		<div style="width: 350px;
          height:350px;border:1px #CCC solid;
          position:absolute;left:80%;top:50%;
          margin-top:-103px;margin-left:-150px;
          box-shadow:0px 0px 8px gray;
          border-radius: 6px;
          background:white;"
          filter:alpha(opacity=60); 
          opacity:0.6;     >
          <div class="header">
               账户登录
          </div>
          <form action="Login" method="post">
               <table width="100%" border="0">
               		<tr>
                         <td align="center" colspan="2" class="error">${error}</td>
                    </tr>
                    <tr>
                        <td><br>
                        <div id="two">
                        <img src="image/user.png" /><input class="txt" name="username" placeholder="邮箱/用户名/已验证手机" style="font-size:14px;">
                        </div>
                        </td>
                        
                    </tr>
                    <tr>	
                    	
                         <td><br>
                         <div id="two">
                         <img src="image/password.png" /><input class="txt" type="password" name="password" placeholder="密码" style="font-size:14px;margin-left:10px;">
                         </div>
                         </td>
                    </tr>
                   
                    <tr>
                         <td colspan="2" align="right">
                              <br><a><span style="color:gray;font-size:15px">忘记密码</span></a>
                         </td>
                    </tr>
                    <tr>
                         <td colspan="2" align="center">
                              <br><input type="submit" value="登录" style="border:none;width:95%;height:35px;background:#FF0000;color:white;font-size:20px">
                         </td>
                    </tr>
 					<tr>
                         <td colspan="2" align="right">
                              <br><a href="register.jsp"><span style="color:#006595;font-size:15px">立即注册</span></a>
                         </td>
                    </tr>
                    
                    <tr>
                    <td>${ts}</td>
                    </tr>
               </table>
          </form>
     </div>
	</div>
</body>
</html>